<template>
  <div class="background-container">
    <!-- 背景视频 -->
<!--    <video autoplay muted loop class="background-video">-->
<!--      <source src="@/assets/videos/V-115272-2A52E2F2.mp4" type="video/mp4" />-->
<!--      您的浏览器不支持视频播放。-->
<!--    </video>-->

    <!-- 主要内容 -->
    <div class="content">
      <iframe
          src="http://192.168.133.77:37799/webroot/decision/link/vY3o"
          width="100%" height="600px" style="background: transparent" allowfullscreen>
      </iframe>
    </div>
  </div>
</template>

<script setup>
// 如果视频文件放置在 `public` 文件夹下，`/path/to` 可直接写成 `/V-115272-2A52E2F2.mp4`。
</script>

<style scoped>
/* 父容器，确保视频填满整个背景 */
.background-container {
  position: relative;
  width: 100%;
  height: 100vh; /* 让视频铺满整个视窗高度 */
  overflow: hidden;
}

/* 视频样式：铺满背景 */
.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持视频的宽高比，裁剪超出部分 */
}

/* 主要内容 */
.content {
  position: relative;
  z-index: 1; /* 确保 iframe 位于视频上方 */
  padding: 20px;
  text-align: center;
  color: #fff; /* 可根据需求调整文字颜色 */
}
</style>
